
 /* 防止长串英文不换行 */
 div,span,textarea{word-break: break-all;}

/*  颜色 */ 
.t-color-blue{color: #1890ff;}
.t-color-write{color: #fff;}
.t-color-gray{color: #999;}
.t-color-red{color: #EE5555;}
.t-text-tips{color: #C0C4CC;}
.t-color-green{color: #45cc7b;}
.t-color-orange{color: #ff4400;}

/* 定位 */
.t-relative{position: relative;}
.t-position-center{position: position;top: 50%;left: 50%;transform: translate(-50%, -50%)}
.t-fixed-center{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%)}

/* 容器padding-3 */
.t-container{padding:20px 30px 30px;}
.t-main-write{padding: 20px;background: #fff;}
.t-bg-write{background: #fff;}
.t-form-header{padding: 15px 0;font-weight: bold;font-size: 15px;text-indent: 2em;border-bottom:1px solid #e6e6e6}

/* 边框 */
.t-border-b-gary{border-bottom: 1px solid #efefef;}
.t-border-t-gary{border-top: 1px solid #efefef;}
.t-border-radius-circular{border-radius: 50%;}

/* 自定圆角大小 */
@for $i from 1 through 25 {
	.t-border-radius-#{$i} {border-radius:2px*$i;}
}  
 
/* 文字溢出隐藏 */
@for $i from 1 through 5 {
	.t-overflow-h#{$i} {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp:$i;-webkit-box-orient: vertical;}
}

/* 文字 */
.t-text-center {text-align: center;}
.t-text-left {text-align: left;}
.t-text-right {text-align: right;}
.t-text-weight{font-weight: bold;}
.t-text-cursor{cursor: pointer;}
/* 自定字体大小 */
@for $i from 1 through 10 { 
	.t-font-#{$i} {font-size:10px+(2*$i);}
}

/* 删除线 */
.t-delline{text-decoration:line-through;}
/* 下划线 */
.t-underline{text-decoration:underline;}

/* flex布局 */
.t-flex{display: flex;}
.t-flex-ac{display: flex;align-items: center;}
.t-flex-cb{display: flex;align-items: center;justify-content:space-between;}
.t-flex-sa{display: flex;justify-content: space-around;}
.t-flex-sb{display: flex;justify-content:space-between;} 
.t-flex-center{@extend .t-flex-ac,.t-flex-sa}
.t-flex-js{justify-content: center;}
.t-flex-je{justify-content: flex-end;}
.t-flex-right{margin-left: auto;}
.t-flex-wrap {flex-wrap: wrap;}
@for $i from 1 through 10 {
	.t-flex#{$i} {flex:$i;} 
}

/* 自定margin-padding */
@for $i from 1 through 10 {  
	/* margin */
	.t-margin-#{$i} {margin:10px*$i;}
	.t-margin-t#{$i} {margin-top:10px*$i;}
	.t-margin-b#{$i} {margin-bottom:10px*$i;}
	.t-margin-tb#{$i} {margin:10px*$i 0;}
	.t-margin-l#{$i} {margin-left:10px*$i;}
	.t-margin-r#{$i} {margin-right:10px*$i;}
	.t-margin-lr#{$i} {margin:0 10px*$i ;}
	/* padding */
	.t-padding-#{$i} {padding:10px*$i;}
	.t-padding-t#{$i} {padding-top:10px*$i;}
	.t-padding-b#{$i} {padding-bottom:10px*$i;}
	.t-padding-tb#{$i} {padding-top:10px*$i;padding-bottom:10px*$i;}
	.t-padding-l#{$i} {padding-left:10px*$i;}
	.t-padding-r#{$i} {padding-right:10px*$i;}
	.t-padding-lr#{$i} {padding-left:10px*$i;padding-right:10px*$i;}
}

// 底部按钮
.t-fixed-btn{ position: fixed;left: 0;bottom: 0;height:50px;width: 100%; background: #fff;justify-content: center;border-top: 1px solid #e6e6e6;z-index: 9;}
.t-fixed-btn button{padding:10px 25px;border-radius:5px;}

.tips-text{font-size: 10px; color: rgb(175, 175, 175);margin:5px 0;margin-bottom: -5px;}

//搜索
.t-search-wrap{ background-color: #f8f8f8;padding: 20px;font-size: 14px;margin-bottom: 30px;border-radius: 3px;}
.t-search-btn{display: flex;padding-left: 80px;margin-top: 10px;}

//页面切换路由
.t-change-box{border-bottom: 5px solid #F6F8F9;}


//小圆圈
.t-circular{display:inline-block; height: 8px;width: 8px;border-radius: 50%;margin-right: 8px;}
.t-circular-gray{@extend .t-circular;background: rgb(189, 187, 187);}
.t-circular-orange{@extend .t-circular;background: orange;}
.t-circular-blue{@extend .t-circular;background: #69B5FD;}
.t-circular-green{@extend .t-circular;background: #42CC8B;}

.user-avatar {
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  
}


.nei-gua{font-size: 10px;border-radius: 50%;background: #ff4400;width:16px;height:16px;display: inline-block;text-align: center;;line-height: 16px;color:#fff;}
.nei-gua span{
  display: inline-block;
  transform: scale(0.75);
}


.t-logo{
  width: 102px;
  height: 102px;
  /* overflow: hidden; */
}
.t-show-logo{
  width: 100px; 
  height: 100px;
  border: 1px dashed #ccc;
  border-radius: 10px;
}
 .el-icon-remove{
  position: absolute;
  font-size: 18px;
  top: -8px;
  right: -8px;
  z-index: 3;
  color: red;
  cursor: pointer;
}